import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path' // 需安装此模块

import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from '@vant/auto-import-resolver';

// https://vitejs.dev/config/
export default defineConfig({
  // 静态资源基础路径 base: './' || '',
  base: '/',
  plugins: [
    vue(),
    // 当 unplugin-vue-components 版本小于 0.26.0 时，使用以下写法
    AutoImport({ resolvers: [VantResolver()] }),
    Components({ resolvers: [VantResolver()] }),
    // //当 unplugin-vue-components 版本大于等于 0.26.0 时，使用以下写法
    // AutoImport.default({
    //   resolvers: [VantResolver()],
    // }),
    // Components.default({ resolvers: [VantResolver()] }),
  ],
  resolve: {
    // extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'], // 默认，可根据需要配置
    alias: {
      '@': resolve(__dirname, 'src')
    }
  },
  server: {
    host: true, // host设置为true才可以使用network的形式，以ip访问项目
    port: 8097, // 端口号
    open: true, // 自动打开浏览器
    cors: true, // 跨域设置允许
    // strictPort: false, // 如果端口已占用直接退出
    // 接口代理
    proxy: {
      // 选项写法
      '/api': {
        target: 'http://localhost:8095',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  },
  build: {
    minify: 'terser',
    // // brotliSize: false,
    /**
     * chunk 大小警告的限制（以 kbs 为单位）。
     * 消除打包大小超过500kb警告
     * */
    chunkSizeWarningLimit: 2000,
    terserOptions: {
      compress: {
        // 打包自动删除console
        drop_console: true,
        drop_debugger: true
      }
    },
    rollupOptions: {
      output: {
        chunkFileNames: "js/[name]-[hash].js", // chunk文件打包
        entryFileNames: "js/[name]-[hash].js", // 入口文件打包
        assetFileNames(assetInfo) {
          // css文件打包
          if (assetInfo.name?.endsWith('.css')) {
            return 'css/[name]-[hash].css'
          }
          // 定义图片类型
          const imgExts = ['.png', '.jpg', '.jpeg', '.webp', '.svg', '.gif', '.ico'];
          if (imgExts.some(ext => assetInfo.name?.endsWith(ext))) {
            return 'imgs/[name]-[hash].[ext]'
          }
          return 'assets/[name]-[hash].[ext]'
        },
        // 分包
        manualChunks(id) {
          if (id.includes("node_modules")) {
            return 'vendor'
            // return id
            //   .toString()
            //   .split("node_modules/")[1]
            //   .split("/")[0]
            //   .toString();
          }
        },
      },
    },
  }
})
